<:!:/>

@file image.html
@author Alejandro Dario Simi
@date $Date: 2014-06-03 03:40:32 +0000 (Tue, 03 Jun 2014) $

$Id: image.html 112 2014-06-03 03:40:32Z daemonraco@gmail.com $
$URL: http://wcomix.googlecode.com/svn/trunk/skins/Skoll/actions/content/image.html $

<::/><div class="InfoBox">
	<div class="Row">
		<div class="Label"><:TR:/>label_directory<::/>:</div>
		<div class="Values directorylink"><:ISSET:var=info_directory:/><a href="?action=<:VAR:/>WC_ACTION_DIRECTORY_SHOW<::/>&group=<:VAR:/>GROUP_ID<::/>&directory=<:VAR:/>info_directory<::/>"><:VAR:/>info_directory_name<::/></a><::/></div>
	</div>
	<div class="Row">
		<div class="Label"><:TR:/>label_name<::/>:</div>
		<div class="Values"><:ISSET:var=info_name_editable:/>
			<a href="#" onclick="EditName();"><span class="info_name"><:VAR:/>info_name<::/></span></a><::/><:ISSET:!:var=info_name_editable:/><span class="info_name"><:VAR:/>info_name<::/></span><::/>
		</div>
	</div>
	<div class="Row">
		<div class="Label"><:TR:/>label_collection<::/>:</div>
		<div class="Values"><:ISSET:!:var=info_collections:/><:TR:/>value_none<::/><::/><:ISSET:var=info_collections:/><:OVER:list=info_collections:/>/<a href="?action=<:VAR:/>WC_ACTION_COLLECTION_SHOW<::/>&group=<:VAR:/>GROUP_ID<::/>&collection=<:VAR:/>id<::/>"><:VAR:/>name<::/></a><::/><::/>
		<:ISSET:var=info_coll_editable:/><a href="#" onclick="wcSimpleContainer.openUrl('simplecontainer.php?action=<:VAR:/>WC_SACTION_COLLECTION_SET<::/>&group=<:VAR:/>GROUP_ID<::/>&comic=<:VAR:/>COMIC_ID<::/>',SelfReload);return false;"/><:TR:/>tbutton_set<::/></a><::/></div>
	</div>
	<:ISSET:var=flow:/><div class="Row">
		<div class="Label"><:TR:/>label_flow_by<::/>:</div>
		<div class="Values"><:VAR:/>flow_name<::/> (<:TRV:/>flow_label<::/>)</div>
	</div><::/>
	<div class="Row">
		<div class="Label"><:TR:/>label_tags<::/>:</div>
		<div class="Values" id="TagsBox"><:DELAYEDLOAD:id=TagsBox:noauto:loading:/>?action=<:VAR:/>WC_ACTION_INFO_TAGSOF<::/>&group=<:VAR:/>GROUP_ID<::/>&image=<:VAR:/>info_id<::/>&editable&nolayout&boxid=TagsBox<::/></div>
	</div>
</div>

<div class="HelpButtons">
	<a onclick="Skoll.actions.content.image.shortCutsHelp()" href="#">
		<img src="<:VAR:/>SKIN_URI<::/>/icons/shortcuts-icon.png" alt="[shortcuts]"/>
	</a>
</div>

<div class="Reader">
	<div class="Navigation"><:ISSET:var=flow:/>
		<div class="Previews">
			<div><a class="lnkfirst"   href="<:VAR:/>lnkfirst<::/>"  onclick="Skoll.actions.content.image.loadImage($(this));"><img class="imgfirst"   src="<:VAR:/>imgfirst<::/>"  /></a></div>
			<div class="Jump5Items"><a class="lnkprev5"  href="<:VAR:/>lnkprev5<::/>"  onclick="Skoll.actions.content.image.loadImage($(this));"><img class="imgprev5"   src="<:VAR:/>imgprev5<::/>"  /></a></div>
			<div><a class="lnkprev"    href="<:VAR:/>lnkprev<::/>"   onclick="Skoll.actions.content.image.loadImage($(this));"><img class="imgprev"    src="<:VAR:/>imgprev<::/>"   /></a></div>
			<div><a class="lnkcurrent" href="<:VAR:/>lnkcurrent<::/>"							   ><img class="imgcurrent" src="<:VAR:/>imgcurrent<::/>"/></a></div>
			<div><a class="lnknext"    href="<:VAR:/>lnknext<::/>"   onclick="Skoll.actions.content.image.loadImage($(this));"><img class="imgnext"    src="<:VAR:/>imgnext<::/>"   /></a></div>
			<div class="Jump5Items"><a class="lnknext5"  href="<:VAR:/>lnknext5<::/>"  onclick="Skoll.actions.content.image.loadImage($(this));"><img class="imgnext5"   src="<:VAR:/>imgnext5<::/>"  /></a></div>
			<div><a class="lnklast"    href="<:VAR:/>lnklast<::/>"   onclick="Skoll.actions.content.image.loadImage($(this));"><img class="imglast"    src="<:VAR:/>imglast<::/>"   /></a></div>
		</div>
		<div class="Buttons">
			<div><button onclick="$('a.lnkfirst').trigger('click');"  ><:TR:/>label_first<::/></button></div>
			<div class="Jump5Items"><button onclick="$('a.lnkprev5').trigger('click');"><:TR:/>label_previous_5<::/></button></div>
			<div><button onclick="$('a.lnkprev').trigger('click');"   ><:TR:/>label_previous<::/></button></div>
			<div><button onclick="$('a.lnkcurrent').trigger('click');"><:TR:/>label_current<::/></button></div>
			<div><button onclick="$('a.lnknext').trigger('click');"   ><:TR:/>label_next<::/></button></div>
			<div class="Jump5Items"><button onclick="$('a.lnknext5').trigger('click');"><:TR:/>label_next_5<::/></button></div>
			<div><button onclick="$('a.lnklast').trigger('click');"   ><:TR:/>label_last<::/></button></div>
		</div>
	<::/></div>
	<div class="Page">
		<a href="#">
			<a class="lnknext" href="<:VAR:/>lnknext<::/>" onclick="Skoll.actions.content.image.loadImage($(this));"><img id="FullImage" src="<:VAR:/>mainimg<::/>"/></a>
		</a>
	</div>
</div>

<div class="InfoBox">
	<div class="Row">
		<div class="Label"><:TR:/>label_gallery_rate<::/>:</div>
		<div id="ImageGlobalRate" class="Values"><:TR:/>message_loading___<::/></div>
	</div>
	<:ISSET:var=info_readrate:/><div class="Row">
		<div class="Label"><:TR:/>label_your_rate<::/>:</div>
		<div id="ImagePersonalRate" class="Values"><:TR:/>message_loading___<::/></div>
	</div>
	<div class="Row">
		<div class="Label"><:TR:/>label_read_unread<::/>:</div>
		<div id="ImagePersonalRead" class="Values ToggleValue"><:TR:/>message_loading___<::/></div>
	</div><::/>
	<div class="Row">
		<div class="Label"><:TR:/>label_public_image<::/>:</div>
		<div class="Values info_public_name"><:VAR:/>info_public_name<::/></div>
	</div>
</div>

<div id="ShortcutsHelp" class="Bermuda">
	<div modal-title="ShortCuts Help">
		<ul>
			<li><strong>F</strong>: <:TR:/>shortcut_image_f<::/>.</li>
			<li><strong>C</strong>: <:TR:/>shortcut_image_c<::/>.</li>
			<li><strong>Z</strong>: <:TR:/>shortcut_image_z<::/>.</li>
			<li><strong>A</strong>: <:TR:/>shortcut_image_a<::/>.</li>
			<li><strong>X</strong>: <:TR:/>shortcut_image_x<::/>.</li>
			<li><strong>V</strong>: <:TR:/>shortcut_image_v<::/>.</li>
			<li><strong>L</strong>: <:TR:/>shortcut_image_l<::/>.</li>

			<li><strong>T</strong>: <:TR:/>shortcut_image_t<::/>.</li>

			<!--li><strong>R</strong>: <:TR:/>shortcut_image_r<::/>.</li-->
			<li><strong>From 0 to 9</strong>: <:TR:/>shortcut_image_0_9<::/>.</li>
		</ul>
		<div class="horizontal-center">
			<a href="#" onclick="Skoll.tools.ModalWindow.closeModal();return false;"><:TR:/>label_close<::/></a>
		</div>
	</div>
</div>

<script type="text/javascript">
	var IMAGE_ID = "<:VAR:/>info_id<::/>";
	var IMAGE_NAME = "<:VAR:/>info_name<::/>";

	$(function(){
		Skoll.actions.topbar.setPath("<:VAR:/>PATH<::/>");
		Skoll.actions.content.image.loadReadRate();
		Skoll.actions.content.image.addShortCuts();
	});	
</script>
